<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>webpack study</title>
    <!--运行 webpack-dev-server 后
    启动服务，同时在根目录下生成 bundle.js
    此处的 bundle.js 存储在 内存中
    加快速度，避免频繁读写硬盘
    -->
    <!--使用 html-webpack-plugin 时，会自动引入 output 中配置的文件，此处可注释掉-->
    <!--<script src="main.js"></script>-->
</head>
<body>
<h2>图片、字体 文件 需要使用 url-loader（依赖于 file-loader）</h2>
<div class="box">
    <div class="box1"></div>
    <div class="box2"></div>
</div>

<h2>css 样式 需要使用 css-loader 和 style-loader</h2>
<h2>sass 样式 需要使用 sass-loader（依赖于node-sass） css-loader 和 style-loader</h2>
<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

<button class="click-button">click me</button>

<h2>Webpack 结合 Vue</h2>
<div id="vueApp"></div>

</body>
</html>